<template>
  <div>111</div>
</template>

<script>
  import { ref, reactive, toRefs, computed, provide } from "vue";
  export default {
    name: "App",
    components: {
    },
    setup(props, ctx) {
      return {

      }
    },
    data: () => ({
      currentx: 14,
      badge1: 2,
      badge2: 10,
      list: false,
      showMenu: false,
      listSelection: null,
      listItems: [
        {
          label: "Item 1",
        },
        { label: "Item 2" },
        { label: "Item 3" },
      ],
    }),
    methods: {
      increment() {
        this.badge1++
        this.badge2++
      }
    }
  };
</script>